<!DOCTYPE html PUBLIC
          "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <script src="jscal/js/jscal2.js"></script>
    <script src="jscal/js/lang/en.js"></script>
    <link rel="stylesheet" type="text/css" href="jscal/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="jscal/css/border-radius.css" />
  </head>
  <body>
    <div>
    <form method="GET" name="mrjob_form">
    From <input size="20" id="cs" {cs_value}/><button id="cs_btn" type="button">...</button> 
    To   <input size="20" id="ce" {ce_value}/><button id="ce_btn" type="button">...</button>
    <script type="text/javascript">//<![CDATA[
      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true,
          minuteStep: 1
      });
      cal.manageFields("cs_btn", "cs", "%b %d %Y %H:%M");
      cal.manageFields("ce_btn", "ce", "%b %d %Y %H:%M");
    //]]></script>
    <input type="submit" value="Submit" />
    </br>
    MapReduce JobId:
    <select name="jobid" onChange="mrjob_from.submit();">
<!-- START BLOCK : mrjoblist -->
    <option value="{value}" {select}> {value}
<!-- END BLOCK : mrjoblist --> 
    </select>
    Name of metric:
    <select name="metric" onChange="mrjob_from.submit();">
<!-- START BLOCK : metriclist -->
    <option value="{value}" {select}> {value}
<!-- END BLOCK : metriclist --> 
    </select>

    <TABLE>
    <TR>
    <TD ALIGN="CENTER" VALIGN=top>
<!-- START BLOCK : overview -->
    <IMG BORDER=0 SRC="./graph.php?{imgargs}">
<!-- END BLOCK : overview -->
    </TD>
    </TR>
    <TR>
    <TD ALIGN="CENTER" VALIGN=top>
<!-- START BLOCK : nodeview -->
    {metric_image}{br}
<!-- END BLOCK : nodeview -->
    </TD>

    </TR>
    </TABLE>

    </form>
  </body>
</html>
